.kf-hot-task{
	height: 230px;
}

.task-item{
	display: inline-block;
	width: 128px;
	height: 128px;
	margin: 50px 84px 0 0;
	border: 1px solid $border-color;
	text-align: center;
	line-height: 220px;
	color: $font-color-default;
	font-size: $font-size-s;

	&:hover{
		color: $btn-color-default;
	}
}

.task-item:last-child{
	margin-right: 0;
}

.item1{
	background: url(../images/index/type1.png) no-repeat;

	&:hover{
		border-color: $btn-color-default;
		background: url(../images/index/type7.png) no-repeat;
	}
}

.item2{
	background: url(../images/index/type2.png) no-repeat;
	&:hover{
		border-color: $btn-color-default;
		background: url(../images/index/type8.png) no-repeat;
	}
}

.item3{
	background: url(../images/index/type3.png) no-repeat;
	&:hover{
		border-color: $btn-color-default;
		background: url(../images/index/type9.png) no-repeat;
	}
}

.item4{
	background: url(../images/index/type4.png) no-repeat;
	&:hover{
		border-color: $btn-color-default;
		background: url(../images/index/type10.png) no-repeat;
	}
}

.item5{
	background: url(../images/index/type5.png) no-repeat;
	&:hover{
		border-color: $btn-color-default;
		background: url(../images/index/type11.png) no-repeat;
	}
}

.item6{
	background: url(../images/index/type6.png) no-repeat;
	&:hover{
		border-color: $btn-color-default;
		background: url(../images/index/type12.png) no-repeat;
	}
}